手把手带你打造自己的UI样式库

01-30 01:40

手把手带你打造自己的UI样式库完结

手把手带你打造自己的UI样式库完结课程介绍：掌握 UI 样式库的多种实战开发技巧以不同角色了解]以不同角色了解]规范开发，培养良好的前端编程习惯通过抽象需求、提炼代码，提升整合通用功能的能力通过抽象需求、提炼代码，提升整合通用功能的能力课程目录:第一章开山-课程介绍 01 开篇词：为什么学习这门专栏？ 02 什么是 UI 框架？ 03 自已开发 UI 框架第二章磨剑-课前准备 04 课前准备 05 页面结构基础 06 CSS选择器（一）之基础选择器 07 CSS选择器（二）之组合选择器 08 CSS选择器（三）之伪类和伪元素选择器 09 页面渲染机制（一）之 DOM 树和 CSSOM 树的构建 10 页面渲染机制（二）之渲染树的构建及渲染过程 11 对比分析 CSS屏幕适配方案 12 CSS规范：写出一套优雅的 CSS 代码 13 本章总结第三章列阵-移动端页面布局 14 章节介绍 15 项目的建立 16 字体图标的使用 17 页面布局的设计与开发 18 布局组件的开发 19 表单元素的开发 20 按钮的设计与开发 21 本章总结第四章操练-常用样式组件的设计与开发 22 常用样式组件的设计与开发 23 Search搜索框样式的设计与开发 24 List列表样式的设计与开发 25 Grid网格样式的设计与开发 26 Menu菜单样式的设计与开发 27 Modal模态框样式的设计与开发 28 Loading加载提示样式的设计与开发 29 Toast提示工具的样式与开发 30 ActionSheet弹出式菜单组件的设计与开发 31 Article文本样式的设计与开发 32 本章总结第五章集结-UI框架的集成 33 UI 框架的集成 34 使用文件形式直接集成 35 使用 npm 形式集成 36 本章总结第六章实战-常用页面切图的设计与开发 37 常用页面切图的设计与开发 38 首页的设计与开发 39 列表页的设计与开发 40 文章页的设计与开发 41 个人中心页面的设计与开发 42 结果提示页的设计与开发 43 本章总结第七章复盘-知识汇总与课程总结 44 本课程知识点汇总 45 课程总结

557